<template>
    <div class="dh">
        <router-view/>
        <nav>
            <router-link to="/first">
                <div class="il"><i class="el-icon-s-home"></i></div>
                <span>首页</span>
            </router-link>
            <router-link to="/sort">
                <div class="il"><i class="el-icon-s-promotion"></i></div>
                <span>社区</span>
            </router-link>
            <router-link to="/cart">
                <div class="il"><i class="el-icon-view"></i></div>
                <span>商城</span>
            </router-link>
            <router-link to="/my">
                <div class="il"><i class="el-icon-user-solid"></i></div>
                <span>我的</span>
            </router-link>
        </nav>
    </div>
</template>

<script>

</script>


<style lang="scss" scoped>
.dh{
    nav{
        position: fixed;
        width: 100%;
        bottom: 0%;
        display: flex;
        justify-content: space-between;
    }
    .il{
        text-align: center;
    }
    a{
       text-decoration:none;
       color: black;
    }
}
</style>